<!doctype html>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--flexslider-css-->
<!--bootstrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="all" />
<!--coustom css-->
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="css/mystyle.css">
<!--fonts-->
<!-- <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,300italic,400italic,800italic,800,700italic,700,600,600italic' rel='stylesheet' type='text/css'> -->
<!--/fonts-->
<!--script-->
<script src="js/jquery.min.js"> </script>
<script src="js/bootstrap.js"></script>
<!--/script-->
<!--move-top-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/layer.js"></script>
<!--/script-->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){		
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
<!--/move-top-->
</head>
<body>
<div class="header" id="home">
	<div class="container">
				<div class="navigation">
					<span class="menu"><img src="images/menu.png" alt=""/></span>
					<div class="clearfix"> </div>
					<ul class="nav1">
						<li><a href="index.html">HOME</a></li>
						<li><a class="scroll" href="#product">PRODUCTS</a></li>
						<li><a class="scroll" href="#about">ABOUT</a></li>
						<li><a class="scroll" href="#testimonials">TESTIMONIALS</a></li>
						<li><a class="scroll" href="#gallery">GALLERY</a></li>	
						<li><a class="scroll" href="#services">SERVICES</a></li>	
						<li><a class="scroll" href="#contact">CONTACT</a></li>
					</ul>
								<!-- script for menu -->
									<script> 
										$( "span.menu" ).click(function() {
										$( "ul.nav1" ).slideToggle( 300, function() {
										 // Animation complete.
										});
										});
									</script>
								<!-- //script for menu -->	
						</div>
							<div class="header-right">
								<ul>
									<li><a href="#"><span class="fb"> </span></a></li>
									<li><a href="#"><span class="twit"> </span></a></li>
									<li><a href="#"><span class="pin"> </span></a></li>
									<li><a href="#"><span class="rss"> </span></a></li>
									<li><a href="#"><span class="drbl"> </span></a></li>
							 </ul>							 	
						  </div>
					 <div class="clearfix"> </div>
				</div>
</div>
<div class="header-banner carousel slide" id="carousel-example-generic"data-ride="carousel">
	<!-- Top Navigation -->
		  <!-- Indicators -->
		  <ol class="carousel-indicators">
		    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
		  </ol>

		  <!-- Wrapper for slides -->
		  <div class="carousel-inner lunbo" role="listbox">
		    <div class="item active">
		      <img src="images/ba1.jpg" alt="..." >
		    </div>
		    <div class="item">
		      <img src="images/ba2.jpg" alt="..." >
		    </div>
		    <div class="item">
		      <img src="images/ba3.jpg" alt="..." >
		    </div>
		  </div>
		    <div class="lunbo-wenzi">
		    	<h2>Soul Dancer</h2>
		    	<p>Every light dance moves, the movement of the body, 
are in the interpretation of the love of life, is for the 
release of the soul, the longing for freedom.</p>
		    </div>
		  <!-- Controls -->
		  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
		    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		    <span class="sr-only">Previous</span>
		  </a>
		  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
		    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		    <span class="sr-only">Next</span>
		  </a>
</div>

<!--/services-->
<!--contact-->
<div class="content-team" style="background: #fff">
	<div class="container"  style="text-align: center;">
			
			<div class="row">
				<div class="col-md-6">
					<img src="images/m1.jpg" alt="" height="100%" width="100%">
				</div>
			<div class="col-md-6">
<p style="text-align: left;  font-size: 18px;line-height: 40px">大连理工大学舞蹈团总人数200+并且在不断壮大</br>
团长：孙乐妍</br>
常务副团长：武熙涵 王浩然</br>
副团长：鞠美玥 黄禹 王浩然 谭芳蕾 金淏文 王笑菲 安楚婷 刘雨蓓 刘俞伯 马天浩 </br>魏旭海 闫晓鹏 李佳郗 孔祥鹏</br>
</p>
</div>
</div>
			<h3 class="m_1">More</h3>
				<div class="row team-left">
					<div class="col-sm-6 team-top">
						<div class="view view-seventh">
								<a href="javascript:void(0)"><img class="img-responsive" src="images/m2.jpg" alt="" ></a>
                   		</div>
					</div>
					<div class="col-sm-6 team-top">
						<div class="view view-seventh">
								<a href="javascript:void(0)"><img class="img-responsive" src="images/m3.jpg" alt="" ></a>			         
                  		 </div>
					</div>
					</div>
									<div class="row team-left">
					<div class="col-sm-6 team-top">
						<div class="view view-seventh">
								<a href="javascript:void(0)"><img class="img-responsive" src="images/m4.jpg" alt="" ></a>
                   		</div>
					</div>
					<div class="col-sm-6 team-top">
						<div class="view view-seventh">
								<a href="javascript:void(0)"><img class="img-responsive" src="images/m5.jpg" alt="" ></a>			         
                  		 </div>
					</div>
					</div>
					<div class="clearfix"> </div>
				</div>
	</div>
</div>
<!--/contact-->
<!--footer-starts-->
	<div class="footer">
		<div class="container">
			<div class="footer-main">
				<div class="col-md-3 footet-left fl1">
					<h3>INFORMATION</h3>
					<ul>
						<li><a class="scroll" href="#home">HOME</a></li>
						<li><a class="scroll" href="#product">PRODUCTS</a></li>
						<li><a class="scroll" href="#about">ABOUT</a></li>
						<li><a class="scroll" href="#testimonials">TESTMONIALS</a></li>
						<li><a class="scroll" href="#gallery">GALLERY</a></li>	
						<li><a class="scroll" href="#services">SERVICES</a></li>	
						<li><a class="scroll" href="#contact">CONTACT</a></li>
					</ul>
				</div>
				<div class="col-md-3 footet-left fl2">
					<h3>FOLLOW US</h3>
					<div class="copyright-right">
						<ul>
							<li><a href="#" class="twitter"> </a></li>
							<li><a href="#" class="twitter facebook"> </a></li>
							<li><a href="#" class="twitter chrome"> </a></li>
							<li><a href="#" class="twitter pinterest"> </a></li>
							<li><a href="#" class="twitter linkedin"> </a></li>
							<li><a href="#" class="twitter dribbble"> </a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-3 footet-left fl3">
					<h3>MY ACCOUNT</h3>
					<ul>
						<li><a href="#">My Account</a></li>
						<li><a href="#">My Addresses</a></li>
					</ul>
				</div>
				<div class="col-md-3 footet-left fl4">
					<h3>NEWSLETTER</h3>
					<div class="sub-text">
						<form>
							<input type="text" value="Enter Your Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter Your Email';}"/>
							<input type="submit" value="" >
						</form>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>

		</div>
			   <script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"><span id="toTopHover"> </span></a>

</div>
<div class="end">
	<h2>Contact</h2>
	<img src="images/weixin.png" height="60%" width="auto%" alt="">
	<span>www.meiyuxiaogongju.com</span>
</div>
<!--footer-end-->
</body>
</html>